<template>
    <div class="container">
        <div class="headTitle">
            <div class="icons" @click="backTo">
                <span class="iconfont">&#xe799;</span>
            </div>
            <div class="titles">裹酱商城</div>
            <div class="introduction">兑换记录</div>
        </div>
        <div>
            敬请期待
        </div>
    </div>
</template>

<script>
export default {
    name: "integral",
    methods:{
        backTo(){
            this.$router.push('/userMine');
        }
    }
}
</script>

<style lang="scss" scoped>
    /*引入图标*/
    @import url("../../../assets/userIconFont/iconfont.css");
    .headTitle{
        background-color: white;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 60px 20px;
        margin-bottom: 5px;
        background-image: linear-gradient(to bottom,#ff6700,white);
        color:white;
        .icons{
            span{
                font-size: 40px;
            }
        }
        .titles{
            margin-left: 60px;
            font-size: 35px;
        }
    }
</style>